<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>客服列表</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="__pc_static__/css/init.css">
    <link rel="stylesheet" href="__pc_static__/css/kf.css">
</head>
<body>
    <div class="kf_list mauto">
        <div class="title mauto">请选择客服美眉</div>
        <div class="list">
            <dl>
                {foreach name="list" item="kf"}
                {if condition="$kf.lineState eq 1"}
                <dd class="online"><a href="{:url('index/index')}?pid={$kf.enc_client_id}"><span class="photo" style="background: #fff url({$kfPhotoOnLine}) no-repeat;background-size: 100%;"></span><div class="left name text_over">{$kf.nickname}</div><div class="left status">在线</div><div class="clearfix"></div></a></dd>
                {else}
                <dd class="offline"><a href="{:url('index/index')}?pid={$kf.enc_client_id}"><span class="photo"  style="background: #fff url({$kfPhotoOffLine}) no-repeat;background-size: 100%;"></span><div class="left name text_over">{$kf.nickname}</div><div class="left status">离线</div><div class="clearfix"></div></a></dd>
                {/if}
                {/foreach}
            </dl>
        </div>
        <div class="phone text_over">400-999-8838</div>
        <div class="desc text_over">记下客服热线，欢迎随时联系机械猫</div>
    </div>
</body>
</html>